home *** CD-ROM | disk | FTP | other *** search
/ InterCD 2001 November / november_2001.iso / Browsers / Netscape 6.1 / browser.xpi / bin / res / forms.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-06-13  |  8.2 KB  |  382 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is mozilla.org code.
  13.  *
  14.  * The Initial Developer of the Original Code is Netscape
  15.  * Communications Corporation.  Portions created by Netscape are
  16.  * Copyright (C) 1998 Netscape Communications Corporation. All
  17.  * Rights Reserved.
  18.  *
  19.  * Contributor(s): 
  20.  */
  21.  
  22. /** 
  23.   Styles for old GFX form widgets
  24.  **/ 
  25.  
  26.  
  27. @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
  28.  
  29. *|*:fieldset-content {
  30.   display: block;
  31. }
  32.  
  33. form {
  34.   display: block;
  35.   margin: 0 0 1em 0;
  36. }
  37.  
  38. /* miscellaneous form elements */
  39.  
  40. label {
  41.   /* our <label> support is badly broken. (b=47149) */
  42.   vertical-align: bottom;
  43.   padding-left: 3px;
  44.   padding-right: 3px;
  45. }
  46.  
  47. legend {
  48.   padding-left: 2px;
  49.   padding-right: 2px;
  50.   border: none;
  51. }
  52.  
  53. fieldset {
  54.   display: block;
  55.   border: 2px solid black;
  56.   padding: 4px 4px 4px 4px;
  57.   margin-left: 2px;
  58.   margin-right: 2px;
  59. }
  60.  
  61. /* default inputs, text inputs, and selects */
  62. input {
  63.   background-color: -moz-Field;
  64.   border: 2px inset ThreeDFace;
  65.   color: -moz-FieldText;
  66.   cursor: text;
  67.   font: field;
  68.   text-align: start;
  69.   vertical-align: bottom;
  70.   -moz-box-sizing: border-box;
  71.   -moz-user-focus: normal;
  72.   -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#inputFields");
  73.   padding: 1px 0 1px 0;
  74. }
  75.  
  76. textarea {
  77.   background-color: -moz-Field;
  78.   border: 2px inset ThreeDFace;
  79.   color: -moz-FieldText;
  80.   cursor: text;
  81.   font: field;
  82.   margin: 1px 0 1px 0;
  83.   text-align: start;
  84.   vertical-align: bottom;
  85.   -moz-box-sizing: border-box;
  86.   -moz-user-focus: normal;
  87.   -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#textAreas");
  88. }
  89.  
  90. textarea > scrollbar {
  91.   cursor: default;
  92. }
  93.  
  94. *|*:-moz-singleline-textcontrol-frame {
  95.   overflow: hidden;
  96.   white-space: nowrap;
  97.   background-color: inherit;
  98.   text-align: inherit;
  99. }
  100.  
  101. select {
  102.   font: list;
  103.   background-color: -moz-Field;
  104.   border: 2px inset ThreeDFace;
  105.   margin: 0;
  106.   vertical-align: bottom;
  107.   color: -moz-FieldText;
  108.   white-space: nowrap;
  109.   text-align: start; 
  110.   cursor: default;
  111.   -moz-user-select: none;
  112.   -moz-user-focus: normal;
  113.   -moz-box-sizing: border-box;
  114. }
  115.  
  116. select[size] {
  117.   padding: 1px 0 1px 0;
  118. }
  119. select[size="1"] {
  120.   padding: 0;
  121. }
  122.  
  123. select > input[type="button"] {
  124.   position: static ! important;
  125.   white-space: nowrap;
  126.   background-image: url("arrow.gif") !important;
  127.   background-repeat: no-repeat !important;
  128.   background-position: center !important;
  129.   width: 12px;
  130.   height: 12px;
  131.   -moz-user-focus: none;
  132. }
  133.  
  134. select > input[type="button"]:active {
  135.   background-image: url("arrowd.gif") !important;
  136. }
  137.  
  138. select[size], :-moz-select-scrolled-content {
  139.   overflow: -moz-scrollbars-vertical;
  140. }
  141.  
  142. select:-moz-dummy-option { 
  143.   visibility: hidden; 
  144.   content: "XX"; /* demo 8, edge case test 1 */
  145. }
  146.  
  147. *|*:-moz-display-comboboxcontrol-frame {
  148.   overflow: hidden;
  149.   white-space: nowrap;
  150.   background-color: inherit;
  151.   color: inherit;
  152.   text-align: inherit;
  153.   padding: 1px 0 1px 4px;
  154.   -moz-user-select: none;
  155. }
  156.  
  157. option {
  158.   min-height: 1em;
  159.   display: block;
  160.   -moz-user-select: none;
  161.   -moz-user-focus: none;
  162. }
  163.  
  164. select > option {
  165.   padding: 0 5px 0 3px;
  166. }
  167.  
  168. option[_moz-option-selected] {
  169.   color: HighlightText ! important;
  170.   background-color: Highlight ! important;
  171. }
  172.  
  173. optgroup {
  174.   display: block;
  175.   font: list;
  176.   font-style: italic;
  177.   font-weight: bold;
  178.   -moz-user-select: none;
  179.   -moz-user-focus: none;
  180. }
  181.  
  182. optgroup > option {
  183.   padding-left: 20px;
  184.   font-style: normal;
  185.   font-weight: normal;
  186. }
  187.  
  188. optgroup:before {
  189.   display: block;
  190.   content: attr(label);
  191. }
  192.  
  193. *|*:-moz-dropdown-list {
  194.   background-color: inherit;
  195.   border: 1px outset black; 
  196.   border-top-style: none;
  197.   z-index: 2147483647;
  198.   -moz-user-select: none;
  199. } 
  200.  
  201. input[disabled],
  202. textarea[disabled],
  203. option[disabled],
  204. select[disabled],
  205. select[disabled] > :-moz-display-comboboxcontrol-frame {
  206.   color: GrayText;
  207.   cursor: default;
  208. }
  209.  
  210. /* hidden inputs */
  211. input[type="hidden"] {
  212.   border: none;
  213.   visibility: hidden;
  214.   -moz-binding: none;
  215. }
  216.  
  217. /* image buttons */
  218. input[type="image"] {
  219.   border: none;
  220.   vertical-align: baseline;
  221.   background-color: transparent;
  222.   cursor: pointer;
  223.   font-family: sans-serif;
  224.   font-size: small;
  225.   -moz-binding: none;
  226.   padding: 0;
  227. }
  228.  
  229. input[type="image"][disabled] {
  230.   cursor: default;
  231. }
  232.  
  233. input[type="image"]:focus {
  234.   -moz-outline: 1px dotted -moz-FieldText;
  235. }
  236.  
  237. /* file selector */
  238. input[type="file"] {
  239.   white-space: nowrap;
  240.   border: none;
  241.   cursor: default;
  242.   -moz-binding: none;
  243.   padding: 0;
  244. }
  245.  
  246. /* button part of file selector */
  247. input[type="file"] > input[type="button"] {
  248.   height: inherit;
  249. }
  250.  
  251. input[type="file"] > input[type="button"]:-moz-focus-inner
  252.  {
  253.   padding: 0px 2px 0px 2px;
  254.   border: 1px dotted transparent;
  255. }
  256.  
  257. /* radio buttons */
  258. input[type="radio"] {
  259.   border: 2px inset ThreeDFace;
  260.   background-color: -moz-Field;
  261.   color: -moz-FieldText;
  262.   width: 12px;
  263.   height: 12px;
  264.   cursor: default;
  265.   vertical-align: baseline;
  266.   -moz-border-radius: 100%;
  267.   -moz-binding: none;
  268.   padding: 0;
  269. }
  270.  
  271. /* check boxes */
  272. input[type="checkbox"] {
  273.   border: 2px inset ThreeDFace;
  274.   background-color: -moz-Field;
  275.   color: -moz-FieldText;
  276.   width: 13px;
  277.   height: 13px;
  278.   cursor: default;
  279.   vertical-align: bottom;
  280.   -moz-binding: none;
  281.   margin: 3px 4px 3px 4px;
  282.   padding: 0;
  283. }
  284.  
  285. /* common features of radio buttons and check boxes */
  286. input[type="radio"][disabled],
  287. input[type="radio"][disabled]:active,
  288. input[type="radio"][disabled]:hover,
  289. input[type="radio"][disabled]:hover:active,
  290. input[type="checkbox"][disabled],
  291. input[type="checkbox"][disabled]:active,
  292. input[type="checkbox"][disabled]:hover,
  293. input[type="checkbox"][disabled]:hover:active {
  294.   padding: 1px;
  295.   border: 1px inset ThreeDShadow;
  296.   background-color: GrayText;
  297. }
  298.  
  299. input[type="checkbox"]:focus,
  300. input[type="radio"]:focus {
  301.   border-style: groove;
  302. }
  303.  
  304. input[type="checkbox"]:hover:active,
  305. input[type="radio"]:hover:active {
  306.   border-style: inset;
  307.   background-color: ThreeDHighlight;
  308. }
  309.  
  310. *|*:-moz-radio {
  311.   background-color: -moz-FieldText;
  312.   width: 4px;
  313.   height: 4px;
  314.   left: 6px;
  315.   top: 6px;
  316.   -moz-border-radius: 3px;
  317. }
  318.  
  319. /* buttons */
  320. button, 
  321. input[type="reset"],
  322. input[type="button"],
  323. input[type="submit"] { 
  324.   border: 2px outset ButtonFace;
  325.   background-color: ButtonFace;
  326.   color: ButtonText; 
  327.   padding: 0px 1px 0px 1px;
  328.   font: button;
  329.   cursor: default;
  330.   white-space: pre;
  331.   -moz-box-sizing: border-box;
  332.   -moz-user-select: none;
  333.   -moz-user-focus: normal;
  334.   -moz-binding: none;
  335. }
  336.  
  337. *|*:button-content {
  338.   display: block;
  339.   text-align: center;
  340. }
  341.  
  342. button:active:hover,
  343. input[type="reset"]:active:hover,
  344. input[type="button"]:active:hover,
  345. input[type="submit"]:active:hover {
  346.   border-style: inset;
  347.   padding: 0px 0 0 2px;
  348. }
  349.  
  350. button:-moz-focus-inner,
  351. input[type="reset"]:-moz-focus-inner,
  352. input[type="button"]:-moz-focus-inner,
  353. input[type="submit"]:-moz-focus-inner {
  354.   padding: 1px 2px 1px 2px;
  355.   border: 1px dotted transparent;
  356. }
  357.  
  358. button:focus:-moz-focus-inner,
  359. input[type="reset"]:focus:-moz-focus-inner,
  360. input[type="button"]:focus:-moz-focus-inner,
  361. input[type="submit"]:focus:-moz-focus-inner {
  362.   border-color: ButtonText;
  363. }
  364.  
  365. button[disabled]:active, button[disabled],
  366. input[type="reset"][disabled]:active,
  367. input[type="reset"][disabled],
  368. input[type="button"][disabled]:active,
  369. input[type="button"][disabled],
  370. input[type="file"][disabled] > input[type="button"],
  371. input[type="file"][disabled] > input[type="button"]:active,
  372. select[disabled] > input[type="button"],
  373. select[disabled] > input[type="button"]:active,
  374. input[type="submit"][disabled]:active,
  375. input[type="submit"][disabled] {
  376.   border: 1px outset ButtonShadow;
  377.   padding: 1px 1px 1px 1px;
  378.   color: GrayText;
  379. }
  380.  
  381.  
  382.